<template>
  <div class="middleDiv">
    <div class="middleLeftDiv">
      <my-menu />
    </div>
    <div class="middleRightDiv">
      <!-- <home-page /> -->
      <router-view />
      <!-- <router-link  to="/homePage" ></router-link> -->
      <!--<button @click="buttonClick0">0</button>
      <button @click="buttonClick1">1</button>
      <button @click="buttonClick2">2</button>
      <div id="main" style="width: 100%; height: 400px"></div> -->
    </div>
  </div>
</template>
<script>
import echarts from "echarts";
import MyMenu from "@/components/myMenu";
// import homePage from "@/components/homePage";
// import homePage from '@/components/homePage'
export default {
  name: "mainMiddle",
  // 引入的组件需要在这注册~
  components: { MyMenu },
  mounted() {
    this.$router.push({
      path: "/homePage",
      //  name: 'homePage',
      //  component: homePage,
    });
  },
};
</script>
<style scoped>
.middleDiv {
  display: flex;
  flex: 1;
}
.middleLeftDiv {
  width: 13rem;
  height: 100%;
}
.middleRightDiv {
  flex: 1;
}
</style>
